<template>
    <div class="container">
        <div class="titlebox">
            <div class="top">{{ titlescontent.titletop }}</div>
            <div class="bottom">{{ titlescontent.titlebottom }}</div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        titlescontent: {
            type: Object,
            require: true,
        }
    },
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>
<style lang="scss" scoped>
.titlebox {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 60px;

    .top {
        color: #202536;
        font-size: 35px;
        font-weight: 700;
    }

    .bottom {
        margin-top: 24px;
        color: #565868;
        font-size: 16px;
    }
}
</style>